<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>定位-浮动</title>
    <style>
        div {
            background: deeppink;
            color: white;
            margin: 10px;
            padding: 10px;
            width: 150px;
            height: 100px;
        }
        div.float{
            float: left;
        }
        div.spe{
            height: 120px;
        }
        div.cle{
            clear: left;
        }
    </style>
</head>
<body>
    <div class="float spe">
        box 1
    </div>
    <div class="float ">
        box2
    </div>
    <div class="float">
        box3
    </div>
    <div class="float cle">
        box4
    </div>
    <div class="float">
        box5
    </div>
</body>